<template>
  <view class="w-100 h824 rounded-top-left-54 ov-hd">
    <view class="w-100 h160 bg-f8ff">
      <view class="w-100 h-100 re bg-theme f-b-c rounded-bottom-54 px-2-6">
        <view></view>
        <view class="font40 t-0 font600">{{ title }}</view>
        <view></view>
        <view class="ab top32 right32 z-99">
          <image
            src="../../../static/icon_close.png"
            @click="set_close"
            class="w96 h96 p-3"
          />
        </view>
      </view>
    </view>
    <view class="w-100 h-622 bg-theme">
      <view class="w-100 h-100 bg-f8ff rounded-right-54 re">
        <slot name="popup_content"></slot>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    title: {
      default: "在线购票",
    },
    type: {}, // ref名称
  },
  methods: {
    // 关闭弹出层
    set_close() {
      this.$emit("set_close", this.type);
    },
  },
};
</script>

<style lang="scss" scoped>
.h-622 {
  min-height: 622rpx;
}
.rounded-top-left-54 {
  border-radius: 54rpx 54rpx 0 0;
}
</style>
